.modal-mask {
  position: fixed;
  flex-direction: column;
  flex: 1;
  width: 100vw;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 1, 0.7);
  z-index: 1000;
  .maskContent {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }
}



.modalTitleC{
  min-width:535upx;
  height:383upx;
  background:rgba(255,255,255,1);
  border-radius:20upx;
  padding:20upx 50upx;
  /*取消和确定按钮*/
  .qc-btn{
    height: 20%;
    output{
      margin-right: 50upx;
      font-size:34upx;
      font-weight:400;
      color:rgba(124,124,124,1);
      line-height:36upx;
    }
    span{
      display: inline-block;
      font-size:34upx;
      font-weight:400;
      color:rgba(51,51,51,1);
      line-height:36upx;
    }
  }
}

.modal-btn-wrapper{
  display: flex;
  flex-direction: row;
  height: 50upx;
  line-height: 50upx;
  border-top: 1upx solid rgba(7,17,27,0.1);
}


//清空背景色
.clearBgColor{
  background-color: transparent !important;
}
/* 弹窗底部 */
.app-mask-bottom {
  overflow: hidden;
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100vw;
  height: 100vh;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 1, 0.7);
  z-index: 50;
  animation: showAppMask 0.38s;
  .animate-container {
    background-color: #fff;
    position: relative;
    animation: showAppMaskBottom 0.38s;
    min-height: 70vh;
    max-height: 90vh;
  }
}

@keyframes showAppMaskCenter {
  0% {
    transform: scale(0);
  }

  60% {
    transform:scale(1);
  }
}

@keyframes showAppMaskBottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes showAppMask {
  0% {
    opacity: 0;
  }

  60% {
    opacity: 1;
  }
}


/*重置微信按钮*/
.reset-wx-btn{
  padding:0;
  margin:0;
  line-height: 1;
  background: #fff;
}


  /*底部固定按钮*/
  .buy-fixed-btn{
		margin:0 auto;
    margin-bottom: env(safe-area-inset-bottom);
		position: fixed;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -0%);
		width:550upx;
    height:94upx;
    background: #ff7620;
		border-radius: 47upx;
    font-size: 32upx;
    color: #f5f5f5;
    line-height: 94upx;
		text-align: center;
  }

	/*底部固定按钮*/
	.buttom-no-fixed-btn{
		margin:0 auto;
		margin-top: 120upx;

	  margin-bottom: env(safe-area-inset-bottom);
		width:550upx;
	  height:94upx;
	  background: #ff7620;
		border-radius: 47upx;
	  font-size: 32upx;
	  color: #f5f5f5;
	  line-height: 94upx;
		text-align: center;
	}

	/* 顶部提示固定 */
	.top-fix-tip{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 76upx;
		background: #fff5e9;
		font-size: 24upx;
		color: #ff8a00;
		line-height: 76upx;
		padding-left: 32upx;
	}
